<template>
  <div class="basic-layout">
<!--    <keep-alive>-->
<!--      <router-view v-if="$route.meta.keepAlive"></router-view>-->
<!--    </keep-alive>-->
<!--    &lt;!&ndash; 非缓存组件跳转页面 &ndash;&gt;-->
<!--    <router-view v-if="!$route.meta.keepAlive"></router-view>-->
    <router-view></router-view>

    <van-tabbar v-model="active" route class="tabbar">
      <van-tabbar-item icon="home-o" to="/find">首页</van-tabbar-item>
      <van-tabbar-item icon="friends-o" to="/my">我的</van-tabbar-item>
    </van-tabbar>

  </div>
</template>


<script setup>
import {nextTick,  onMounted, ref} from "vue";
// 当前所在页面
const active = ref(0);

onMounted(() => {
  nextTick(() => {
    let audioPlay = document.querySelector(".audio-play-container");
    audioPlay.style.bottom='50px';
  })

})

</script>


<style scoped>
.basic-layout {
  min-height: 100vh;
  max-height: 100vh;
  overflow-y: scroll;
  padding-bottom: 120px;
}

.tabbar {
  position: fixed;
}

</style>
